import { Component } from 'react'
import {useNavigate} from 'react-router-dom'
function Twoc(){
    let oo = useNavigate()
    return (
        <div className='box'>
            <span onClick={()=>{
                oo('/onec')
                console.log(oo);
            }}>One</span>
        </div>
    )

}
export default Twoc


// import { useParams, useLocation, useNavigate } from "react-router-dom"

// function withRouter(Component) {
//   return (props) => (
//     <Component
//       {...props}
//       params={useParams()}
//       location={useLocation()}
//       navigate={useNavigate()}
//     />
//   );
// }

// class Twoc extends Component {
//     constructor() {
//         super()
//         this.state = {

//         }
//     }
//     render() {
//         return (
//             <div className='box'>
//                 <span onClick={()=>{
//                     this.props.navigate('/threec')
//                 }}>One</span>
//                 <span>Two</span>
                
//             </div>
//         )
//     }
// }

// export default withRouter(Twoc)